<template>
  <div>
    <!-- 目标:使用过滤器
        步骤1:先注册过滤器
             1.1全局注册   可以任意.vue中使用
             1.2局部注册   只能在当前的.vue中使用
            2:使用过滤器
             语法:vue变量 | 过滤器名字
             适用范围 插值表达式和v-bind中-->
    <h1>{{ msg | reverse }}</h1>
    <h2 :title="msg | toUp">title可以在鼠标长时间停留时显示</h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello,word",
    };
  },
  filters: {
    toUp(value) {
      return value.toUpperCase();
    },
  },
};
</script>

<style>
</style>